<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审计系统</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/sidebar-menu.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.min.css"/>
    <link rel="stylesheet" href="css/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="css/confirm-dialog.css">
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="shortcut icon" href="icon/favicon.png">

    <script src="js/third/jquery-3.1.1.min.js"></script>
    <script src="js/third/sidebar-menu.js"></script>
    <script src="js/third/moment.js"></script>
    <script src="js/third/bootstrap.js"></script>
    <script src="js/third/bootstrap-datetimepicker.js"></script>
    <script src="js/third/bootstrap-select.min.js"></script>
    <script src="js/third/bootstrap-table.min.js"></script>
    <script src="js/third/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/third/bootstrap-table-export.js"></script>
    <script src="js/third/confirm-dialog.js"></script>
    <script src="js/third/tableExport.js"></script>
    <script src="js/third/icheck.min.js"></script>
    <script src="js/third/echarts.js"></script>
    <script src="js/third/cookie.js"></script>
    <script src="js/my/utility.js"></script>
    <script src="js/my/constant.js"></script>
    <script src="js/my/log.js"></script>
</head>
<body>
<aside class="main-sidebar">
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="header">导航栏</li>
            <li class="treeview">
                <a href="index.html">
                    <i class="fa fa-dashboard"></i> <span>主界面</span>
                </a>
            </li>

            <li class="treeview">
                <a href="sum.html">
                    <i class="fa fa-pie-chart"></i>
                    <span>审计统计</span>
                </a>
            </li>

            <li class="treeview">
                <a href="query.html">
                    <i class="fa fa-table"></i> <span>审计查询</span>
                </a>
            </li>

            <li class="treeview">
                <a href="log.html">
                    <i class="fa fa-pie-chart"></i>
                    <span>日志统计</span>
                </a>
            </li>

        </ul>
    </section>
</aside>
<div class="title">
    <span>日志统计</span>
    <div class="dropdown right operator">
        <span></span>
        <div class="dropdown-content">
            <a onclick="logout()">注销</a>
        </div>
    </div>
    <span class="right welcome">欢迎</span>
</div>
<div class="panel panel-info panel-width">
    <div class="panel-heading">
        <h3 class="panel-title">选择时间段</h3>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label for="log_date_start" class="col-md-2 control-label">开始时间</label>
            <div class="input-group date form_datetime col-md-3" data-date-format="yyyy-mm-dd hh:ii"
                 id="datetimepicker1">
                <input id="log_date_start" class="form-control" size="16" type="text">
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
        <div class="form-group">
            <label for="log_date_end" class="col-md-2 control-label">结束时间</label>
            <div class="input-group date form_datetime col-md-3" data-date-format="yyyy-mm-dd hh:ii"
                 id="datetimepicker2">
                <input class="form-control" size="16" id="log_date_end" type="text">
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
        <div class="form-group button-group">
            <button type="button" class="btn btn-info margin" onclick="query_log()">查询日志数据</button>
        </div>
    </div>
</div>
<div class="panel panel-info panel-width">
    <div class="panel-heading">
        <h3 class="panel-title">日志查询结果</h3>
    </div>
    <div class="panel-body">
        <table id="log-table" class="table table-striped">
        </table>
    </div>
</div>
<div class="panel panel-info panel-width">
    <div class="panel-heading">
        <h3 class="panel-title">日志统计结果</h3>
    </div>
    <div class="panel-body">
        <div class="chart" id="pie_chart"></div>
    </div>
</div>
</body>
</html>